<template>
  <div>
    <div class="tool title">标题</div>
    <div class="tool buttonBar">
        <ButtonBar :buttons="buttons" ref="btnRef"></ButtonBar>
    </div>
    <div class="tool extra">操作区</div>
  </div>
</template>
<script setup lang="ts">
import { ButtonBar} from '/@/components'
import { ref } from 'vue';
const btnRef = ref()
const buttons = [
  {
    type: "primary",
    title: "成功",
    style: "color:red",
    function: function () {
      console.log("11111");
    },
  },
  {
    type: "dashed",
    title: "失败",
    style: "color:#cccc",
    function: function () {
      console.log("222");
    },
  },
];

</script>
<style scoped>
/* .tool {
  float: left;
}
.title {
} */
</style>
